<template>
  <div class="border-1px-top"></div>
</template>

<script>
export default {
  name: "BaseBorder",
  data() {
    return {};
  }
};
</script>

<style lang="stylus" scoped>
// 全部边框
.border-1px:after {
  content: ''
  position: absolute
  box-sizing: border-box
  top: 0
  left: 0
  width: 100%
  height: 100%
  border: 1px solid #000
  border-radius: 4px
  transform: scale(1)
}
// 单边框，以上边框为例
.border-1px-top:before {
  content: ''
  position: absolute
  top: 0
  left: 0
  right: 0
  border-top: 1px solid red
  transform: scaleY(1)
}
</style>
